<!DOCTYPE html>
<html>
<head>

<!-- meta tags -->
<meta charset="utf-8">
<meta name="keywords" content="bootstrap 4, premium, multipurpose, ecommerce, html5, CSS" />
<meta name="description" content="Bootstrap 4 Landing Page Template" />
<meta name="author" content="www.themesground.com" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Title -->
<title></title>

  <!-- Favicon Icon -->
  <link rel="shortcut icon" href="../assets/images/pagepig.ico" />

  <!-- inject css start -->

  <link href="../assets/css/theme-plugin.css" rel="stylesheet" />
  <link href="../assets/css/theme.min.css" rel="stylesheet" />

  <!-- inject css end -->

</head>

<body>

<!-- 引入head -->
<div class="head"></div>
<!-- page wrapper start -->

<div class="page-wrapper">

  <!-- preloader start -->

  <div id="ht-preloader">
    <div class="loader clear-loader"> <img class="img-fluid" src="../assets/images/loader.gif" alt=""> </div>
  </div>

  <!-- preloader end -->

<!--hero section start-->

<section class="bg-light py-6">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-md-6">
        <h1 class="h2 mb-0">Order Completed</h1>
      </div>
      <div class="col-md-6 mt-3 mt-md-0">
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb justify-content-md-end bg-transparent p-0 m-0">
            <li class="breadcrumb-item"><a class="link-title" href="#">Home</a>
            </li>
            <li class="breadcrumb-item"><a class="link-title" href="#">Shop</a></li>
            <li class="breadcrumb-item active text-primary" aria-current="page">Order Completed</li>
          </ol>
        </nav>
      </div>
    </div>
    <!-- / .row -->
  </div>
  <!-- / .container -->
</section>

<!--hero section end-->
<!--body content start-->

<div class="page-content">

<section class="text-center pb-11">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <h4 class="mb-4 font-w-6">Thank you for purchasing, Your order is completed!</h4>
        <a class="btn btn-primary btn-animated" href="index.html">Back</a>
        <a class="btn btn-dark btn-animated" href="shop-grid-left-sidebar.html">Continue Shopping</a>      
      </div>
    </div>
  </div>
</section>



</div>

<!--body content end-->


<!--back-to-top start-->

<div class="scroll-top"><a class="smoothscroll" href="#top"><i class="las la-angle-up"></i></a></div>

<!--back-to-top end-->
<!-- 引入footer -->
<div class="footer"></div>
<!-- inject js start -->

<script src="../assets/js/jquery-3.5.1.min.js"></script> <script src="../assets/js/popper.min.js"></script>
<script src="../assets/js/bootstrap.min.js"></script>
<!--<script src="../assets/js/owl.carousel.min.js"></script>-->
<script src="../assets/js/light-slider.js"></script>
<script src="../assets/js/parallax.js"></script>
<script src="../assets/js/magnific-popup.min.js"></script>
<script src="../assets/js/jquery.countdown.min.js"></script>
<script src="../assets/js/jquery.dd.min.js"></script>
<script src="../assets/js/validator.js"></script>
<script src="../assets/js/wow.js"></script>
<script src="../assets/js/theme-script.js"></script>
  <script type="text/javascript">
    //在js中引入head与footer
    $(document).ready(function () {
      $('.head').load('head.html');
      $('.footer').load('footer.html');
    });
  </script>
<!-- inject js end -->

</body>
</html>
